<template>
    <div>
        <el-container>
            <el-aside width="12%" class="worker_aside">
                <el-menu router>
                    <el-menu-item :index="baseUrl+'/reportManagement'">
                        <span style="margin: auto">接报管理</span>
                    </el-menu-item>
                    <el-menu-item :index="baseUrl+'/emergencyManagement'">
                        <span style="margin: auto">紧急事件管理</span>
                    </el-menu-item>
                </el-menu>
            </el-aside>
            <el-main>
                <router-view></router-view>
            </el-main>
        </el-container>
    </div>
</template>

<script>
export default {
    name: "Commander",
    data() {
        return {
            baseUrl: "",
        }
    },
    mounted() {
        this.baseUrl = "/commander/"+this.$route.params.name
    }
}
</script>

<style scoped>
.worker_aside {
    display: flex;
    justify-content: center;
}
</style>